<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="lib/DataTables-1.10.10/media/css/dataTables.bootstrap.min.css"/>
<link rel="stylesheet" href="lib/DataTables-1.10.10/extensions/Buttons/css/buttons.bootstrap.min.css"/>
<script type="text/javascript" src="js/data/dataExport.js"></script>
<!-- 
         ____   /\   ____
        /   |  /  \  |   \
       /   /  /    \  \   \
      /   /  /  /\  \  \   \
      |  |__|  |__|  |__|  |
      |  ___ WANGTENG ___  |
      \  \  |  |  |  |  /  /
       \  \ |  |  |  | /  /
        \  \|  |  |  |/  /
         \_____|__|_____/
-->
<title>首页数据导出</title>
<style type="text/css">
	.center-block{
		max-width: 550px;
		margin-top:40px;
		margin-bottom:40px;
		text-align:center;
		padding:20px 50px;
		border-radius: 10px;
	    border: 1px solid #ddd;
	    box-shadow: 0 15px 80px rgba(0,0,0,.2);
	    background-color: white;
	}
	#sdate,#edate{
		width:100px;
		display:inline-block;
		background-color: white;
	}
	.version{
		font-size:10px;
		position: relative;
		top:-20px;
	}
</style>
</head>
<body>
	<div class="container-fluid">
		<div class="row">
		<div><h2 align="center">首页数据导出<span class="label label-info version" title="测试版">Beta</span></h2></div>
			<div class="col-sm-12">
				<div class="center-block">
					 <i class="fa fa-newspaper-o big-icon text-blue"></i>
			         <div style="margin-bottom:10px;">
			         	 <span>日期区间：</span>
				         <input class="form-control" id="sdate" value="2015-01-01" readonly="readonly">
				         <span style="margin-left:0px;">--</span>
				         <input class="form-control" id="edate" value="2015-01-02" readonly="readonly">
				         <a id="mrExportBtn" class="btn btn-success" style="vertical-align: inherit;padding:5px 12px;">获取首页数据</a>
			         </div>
			    	 <div class="panel panel-success" id="mrTableDiv">
						  <div class="panel-heading text-left">导出格式：</div>
						  <div class="panel-body">请先<abbr title="其实就是点击上面的绿色按钮">获取首页数据</abbr>后选择格式导出</div>
					 </div>
			    </div>
			</div>
		</div>
	</div>
<script>
$("#"+tabId+" #sdate").datetimepicker({
    format: "yyyy-mm-dd",
    autoclose: true,
    todayBtn: true,
    minView: 2,
    language: 'zh-CN'
});
$("#"+tabId+" #edate").datetimepicker({
    format: "yyyy-mm-dd",
    autoclose: true,
    todayBtn: true,
    minView: 2,
    language: 'zh-CN',
});
</script>
</body>
</html>